<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>店铺列表</title>
			<!-- amazeui -->
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/ui/css/amazeui.min.css" />
		<!-- lib -->
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/lib/swiper/css/swiper.min.css" />
		<!-- app -->
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/app/css/ui.css" />
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/app/css/mui.min.css"/>
		<%-- <link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/app/css/base.css"/> --%>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/app/css/list.css"/>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/app/css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/app/css/header.css"/>
		<style type="text/css">
		body{
				font:14px / 1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
				-webkit-text-size-adjust:none; -webkit-user-select: none;
				background: #FFFFFF;
			}
			.mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-password~.mui-icon-eye, .mui-input-row .mui-input-speech~.mui-icon-speech{
				top: 12px;
				right: 60px;
				font-size: 28px;
			}
			body{
				background: #FFFFFF;
			}
			 .shouye{
					background-position: 0px -28px;
				}
			.logo_pic{
				width: 30px;
				height: 30px;
				border-radius:30px;
				display: inline-block;
				background: url(${BASE_PATH}/static/app/img/logo.png) no-repeat ;
				margin-left: 3px;
				margin-top: 3.5px;
				float: left;
			}
			.logo_text{
				height: 40px;
				line-height: 40px;
				display: inline-block;
				color: #595b60;
				font-size: 14px;
				float: left;
			}
			.header{
				width: 100%;
				height: 40px;
				background-color:#1e1f22 ;
				
			}
			header{
				width: 100%;
				position: fixed;
				top: 0;
				z-index: 10;
			}
			.neirong{
				margin-top: 50px;
				margin-bottom: 50px;
			}
			.shop{
				width: calc(100% - 2em);
				margin-left: 1em;
				height: 80px;
				line-height: 80px;
				border-bottom:1px solid #EDEDED ; 
				background: #fafafa;
				border-radius: 10px;
				margin-bottom: 5px;
			}
			.shop span{
				/*width: 80%;*/
				display:block;
				color: #5C5C67;
			}
			.tit{
				float: left;
				width: calc(100% - 55px);
				line-height: 40px;
				font-size: 16px;
				margin-left: 10px;
			}
			.nei{
				float: left;
				width: calc(100% - 55px);
				line-height: 20px;
				font-size: 12px;
				margin-left: 10px;
			}
			.dianhua{
				line-height: 45px;
				float: right;
				margin-top: -28px;
				width: 45px;
				height: 45px;
				text-align: center;
				/* border-left:1px solid #EDEDED ; */
				
			}
			.shop i{
				display: inline-block;
				width: 40px;
				height: 40px;
				margin-left: 5px;
				border-radius:40px;
				background: url(/static/app/img/dianhua.png) no-repeat 5px 3px;
				background-size:85% ;
			}
			
			.stio{
				width: calc(100% - 15px);
				margin-left: 15px;
				height: 30px;
				line-height: 30px;
				color: #a0a0a7;
				text-align: center;
			}
			/* .stios{
				width: calc(100% - 15px);
				margin-left: 15px;
				height: 30px;
				line-height: 30px;
				color: #a0a0a7;
				margin-top: 30px;
			} */
		</style>
	</head>
	<body>
	<header>
		<div class="header" >
			<span class="back" onclick="javascript:history.go(-1);"></span>
			<a href="${BASE_PATH}/index"><span class="logo_pic"></span></a>
			<span class="logo_text">OK 妈咪</span>
		</div>
	</header>
		<div class="neirong">
			<div >
			 	<!-- 店铺详情 -->
				<c:if test="${type ==1 }">
					<div class="stio">
			 			<span >点击店铺可进入店铺页面查看店铺下所有商品</span>
					</div>
					<div class="shop" >
						<a href="${BATH_PATH }/goods/shopInfo/${stores.storeid}">
							<span class="tit" id="storeid" style="display: none">${stores.storeid }</span>
							<span class="tit">${stores.title }</span>
							<span class="nei">店铺地址：${stores.address }</span>
						</a>
						<a href="tel:${stores.tel }"><span class="dianhua" ><i></i></span></a>
					</div>
					<!-- <div class="stios">
			 			<span >商家其他店铺</span>
					</div> -->
					<c:if test="${fn:length(storeList) > 0}">
						<c:forEach var="store" items="${storeList}" varStatus="s">
							<div class="shop" >
								<a href="${BATH_PATH }/goods/shopInfo/${store.storeid}"><span class="tit" id="storeid" style="display: none">${store.storeid }</span>
								<span class="tit">${store.title }</span>
								<span class="nei">店铺地址：${store.address }</span></a>
								<a href="tel:${store.tel }"><span class="dianhua" ><i></i></span></a>
							</div>
						</c:forEach>
					</c:if>
				</c:if>
				<!-- 商品详情 -->
				<c:if test="${type == 2 }">
					<div class="stio">
			 			<span >点击店铺可进入店铺页面查看店铺下所有商品</span>
					</div>
					<div class="shop" >
						<a href="${BATH_PATH }/goods/shopInfo/${stores.storeid}">
							<span class="tit" id="storeid" style="display: none">${stores.storeid }</span>
							<span class="tit">${stores.title }</span>
							<span class="nei">店铺地址：${stores.address }</span>
						</a>
						<a href="tel:${stores.tel }"><span class="dianhua" ><i></i></span></a>
					</div>
					<!-- <div class="stios">
			 			<span >商家其他店铺</span>
					</div> -->					
					<c:if test="${fn:length(storeList) > 0}">
						<c:forEach var="store" items="${storeList}" varStatus="s">
							<div class="shop" >
								<a href="${BATH_PATH }/goods/shopInfo/${store.storeid}">
									<span class="tit" id="storeid" style="display: none">${store.storeid }</span>
									<span class="tit">${store.title }</span>
									<span class="nei">店铺地址：${store.address }</span>
								</a>
								<a href="tel:${store.tel }"><span class="dianhua" ><i></i></span></a>
							</div>
						</c:forEach>
					</c:if>
				</c:if>
			</div>
		</div>
		<script type="text/javascript" src="${BASE_PATH}/static/lib/jquery/jquery-1.11.2.min.js"></script>
		<!-- amazeui -->
		<script type="text/javascript" src="${BASE_PATH}/static/ui/js/amazeui.min.js"></script>
		<!-- lib -->
		<script type="text/javascript" src="${BASE_PATH}/static/lib/swiper/js/swiper.jquery.min.js"></script>
		<script type="text/javascript" src="${BASE_PATH}/static/lib/layer/layer.js"></script>
		<script type="text/javascript" src="${BASE_PATH}/static/lib/template/template.js"></script>
		<script type="text/javascript" src="${BASE_PATH}/static/lib/jquery-lazyload/jquery.lazyload.min.js"></script>
		<script type="text/javascript" src="${BASE_PATH}/static/lib/jquery-marquee/jquery.marquee.min.js"></script>
		<script src="${BASE_PATH}/static/app/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var width = $(".caini ul li img").width();
			$(".caini ul li img").height(width);
			$(".caini ul li").height(width);
		</script>
	</body>
</html>
